<template>
	<view class="btn">
		<view class="">
			{{btnText}}
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			btnText: {
				type: String,
				required: "按钮",
			},


		},
		watch: {
			btnText(newTitle) {
				this.btnText = newTitle
			},
		},
	}
</script>

<style lang="scss" scoped>
	.btn {
		position: fixed;
		bottom: 0;
		z-index: 100000;
		left: 0;
		right: 0;
		
		width: 750rpx;
		height: 168rpx;
		background: #FFFFFF;
		box-shadow: 0rpx -1rpx 0rpx 0rpx rgba(206, 190, 165, 0.2);
		border-radius: 0rpx 0rpx 0rpx 0rpx;

		view {
			line-height: 80rpx;
			text-align: center;
			color: #FFFFFF;
			font-size: 32rpx;
			width: 702rpx;
			height: 80rpx;
			background: #CCA566;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			margin: auto;
			margin-top: 15rpx;
		}
	}
</style>